<div>
    <el-form    label-width="100%">
        <el-form-item label="">
        </el-form-item>
        </el-form-item>
    </el-form>
    <!--close-on-click-outside-->
    <kf-sliding-window :visible.sync="slidingWindowVisible1" title="服务更新"  close-icon="el-icon-circle-close"  width="800px">
        <div class="content" style="display: flex">
            <kf-card v-for="signIn,index in sigIns" :key="signIn"   class="active switch-card"  :width="280" :height="150" >
                <div class="switch-card__header" slot="header" >
                    <div class="switch-card__title">
                        <span v-if="signIn.room" >房名<span  class="switch-card__name" v-text="signIn.room.roomName"></span></span>
                    </div>
                    <div class="switch-card__append">
                        <span v-if="signIn.room">房号：<span v-text="signIn.room.roomNum">-</span></span>
                    </div>
                    <div class="switch-card__append">
                        <span v-if="signIn.flightPlane&&signIn.flightPlane.flightInfo">航班号：<span v-text="signIn.flightPlane.flightInfo.flightNum">-</span></span>
                    </div>
                </div>
                <div class="switch-card__body"  style="height: 100%;flex-direction: column">
                    <div  >
                        <span >乘机人：<span v-text="signIn.vipName"></span></span>
                    </div>
                    <div >
                        <span v-if="signIn.flightPlane">预预起飞时间：<span v-text="signIn.flightPlane.takeOffTime"></span></span>
                    </div>
                    <div >
                        <span v-if="signIn.flightPlane">登机提醒：<span v-text="signIn.remindTime"></span>次</span>
                    </div>
                </div>
                <div class="switch-card__footer"  slot="footer">
                    <el-button type="text" icon="edit"  size="small"  @click="remind(signIn,index)" :disabled="signIn.remindIng">登机提醒</el-button>
                    <el-button type="text" v-if="signIn.room" icon="edit"  size="small"  @click="checkedOut(signIn)"   :disabled="signIn.room.roomStatus==1">退房</el-button>
                    <el-button type="text" icon="close"  size="small" @click="serviceEnd(signIn,index)">服务结束</el-button>
                </div>
            </kf-card>

        </div>
    </kf-sliding-window>
    <el-form :inline="true" ref="form" :model="form"  label-position="right" label-width="40px">
        <el-select v-model="form.flightInfoId" filterable placeholder="航班号" clearable >
            <el-option
                    v-for="plane in planes"
                    :key="plane.flightInfoId"
                    :label="plane.flightNum"
                    :value="plane.flightInfoId"
            >
            </el-option>
        </el-select>
        <el-select v-model="form.roomId" filterable placeholder="房间号" clearable  >
            <el-option
                    v-for="room in rooms"
                    :key="room.roomId"
                    :label="room.roomNum"
                    :value="room.roomId"
            >
            </el-option>
        </el-select>
        <el-form-item label=""  class = "transparent">
            <el-button type="primary" @click="querySignInService">查询</el-button>
        </el-form-item>
        <el-form-item label=""  class = "transparent">
            <el-button type="primary" @click="openSide">服务更新</el-button>
        </el-form-item>
    </el-form>

            <kf-table :url="url" :pks="['flightPlaneId']"ref="flightPlane"  :data-processor="processor" stripe >
                <el-table-column  prop="room.roomNum" label="房号" min-width="80" >
                </el-table-column>
                <el-table-column prop="vipName" label="乘机人" min-width="80">
                </el-table-column>
                <el-table-column prop="flightPlane.flightInfo.flightNum"  label="航班号"  min-width="80">
                </el-table-column>
                <el-table-column  label="行程" min-width="150" prop="originating">
                    <template scope="scope">{{scope.row.flightPlane.originating+"-"+scope.row.flightPlane.destination}}</template>
                </el-table-column>
                <el-table-column prop="flightPlane.importOrExport" label="进出港" width="80">
                </el-table-column>
                <el-table-column prop="flightPlane.takeOffTime" label="预预起飞时间" width="150">
                </el-table-column>
                <el-table-column prop="waiter" label="机位" width="80">
                </el-table-column>
                <el-table-column prop="remindTime" label="登机提醒" width="100">
                </el-table-column>
                <el-table-column prop="serviceStatus" label="服务状态" width="100">
                </el-table-column>
                <el-table-column prop="waiter" label="服务员" width="80">
                </el-table-column>
                <el-table-column prop="accompanyingVehicle" label="随行车辆" width="100">
                </el-table-column>
                <el-table-column prop="specialDemand" label="个性需求" width="500">
                </el-table-column>
                <el-table-column label="操作" fixed="right" width="200" >
                    <template scope="scope" >
                        <el-button type="text" class="text-danger" icon="delete" ></el-button>
                        <el-button type="text" @click="serviceEnd(scope.row,scope.index)">服务结束</el-button>
                    </template>
                </el-table-column>
            </kf-table>

</div>